@import './flex.scss';
@import './margin.scss';
@import './display.scss';

page {
	height: 100%;
}

image {
	vertical-align: middle;
}
scroll-view ::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}
button {
	&::after {
		border: none;
	}
}

.text_white {
	color: #FFFFFF;
}

.btnHover {
	background-color: #EEEEEE !important;
}

.redText {
	color: $red-color !important;
}
.orangeText {
	color: $warning-color !important;
}
.greyText {
	color: #666666 !important;
}

.bg-primary {
	background-color: $u-primary-dark
}
.bg-warning {
	background-color: $u-warning-dark
}
.bg-success {
	background-color: $u-success-dark
}

.bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

// 空白页
.noContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 200rpx 0;
	.noContentImage{
		width: 400rpx;
	}
	.text {
		font-size: 28rpx;
		color: #666666;
		padding-top: 32rpx;
	}
}

/* 单选框样式 */
.radio {
	.checkbox {
		width: 36rpx;
		height: 36rpx;
		border-radius: 50%;
		border: 1rpx solid #666666;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.text {
		margin-left: 20rpx;
		font-size: 24rpx;
	}
	&.active {
		.checkbox {
			border: 2rpx solid $primary-color;
			&::after {
				content: '';
				display: inline-block;
				width: 20rpx;
				height: 20rpx;
				border-radius: 50%;
				background-color: $primary-color;
			}
		}
	}
}

// 自定义轮播图数字指示器
.indicator-num {
	width: 68rpx;
	height: 32rpx;
	border-radius: 100rpx;
	@include flex;
	align-items: center;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 24rpx;
	.left {
		flex: 1;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		transform: rotate(8deg);
		background-color: rgba(0, 0, 0, 0.6);
	}
	.right {
		flex: 1;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		transform: rotate(8deg);
		background-color: rgba(0, 0, 0, 0.3);
	}
	text {
		display: inline-block;
		transform: rotate(-8deg);
	}
}
